<template>
  <div>
    <headerNav />
    <router-view></router-view>
    <footerInfo />
  </div>
</template>
<script>
import headerNav from "../components/header-nav";
import footerInfo from "../components/footer-info.vue";
export default {
  name: "home",
  data: function() {
    return {};
  },
  components: {
    headerNav,
    footerInfo
  }
};
</script>
<style scoped>
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
</style>
